/* Reset Css */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:100%;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration:none; }
a img { border:0}
input{ cursor: pointer;}
.clear { clear:both }
/* Reset Css */

/* ALL */
.wrapper{
 position:absolute;
 width:100%;
 height:100%;
 display:none;
}
#wrapperLV{
 display:block;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#158B69), to(#023F2D));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #158B69, #023F2D);
 /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #158B69, #023F2D);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #158B69, #023F2D);
 background-size:100% 100%;
}
#wrapperSG{
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#2f6460), to(#11312e));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #2f6460, #11312e);
 /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #2f6460, #11312e);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #2f6460, #11312e);
 background-size:100% 100%;
}
#wrapperPG{
/* Safari 4-5, Chrome 1-9 */
 background-image: -webkit-gradient(radial, center center, 0, center center, 143, color-stop(0, #7e4d4d), color-stop(1, #4e2920));
 /* Safari 5.1+, Chrome 10+ */
 background-image: -webkit-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 /* Firefox 3.6+ */
 background-image: -moz-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 /* IE 10 */
 background: -ms-radial-gradient(center, ellipse contain, #7e4d4d 0%, #4e2920 100%);
 background-size:100% 100%;
}
input.btn{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 2px solid #feff33;
 border-radius: 6px;
 cursor: pointer;
}

/****************************************** FRAME 1 **********************************************/
#header{
 width:100%;
 height:25%;
 float:left;
}
#header #logo{
 position:relative;
 float:left;
 width:35%;
 height:100%;
}
#header #logo{
 position:relative;
 float:left;
 width:35%;
 height:100%;
}
#header #logo #imgLogo{
 position:absolute;
 width:80%;
 height:85%;
 right:1%;
 top:1%;
}
#header #logo #btnSG{
 position:absolute;
 left:1.5%;
 bottom:0.5%;
 padding:1%;
 font-size:80%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EE432E), color-stop(0.5, #B51700), color-stop(1, #891100), color-stop(0.5, #C63929));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EE432E 0%, #B51700 50%, #891100 100%, #C63929 50%);
 color:#ff0;
 font-weight:bold;
 border:2px solid #ff0;
 border-radius:15px 5px;
}

#header #news{
 position:relative;
 float:left;
 width:65%;
 height:100%;
}
#header #news #hots{
 float:left;
 width:100%;
 line-height:100%;
 font-weight:bold;
 color:#fff;
 text-align:center;
 background:#abc;
}
#header #news #infoNew{
 float:left;
 width:100%;
 height:85%;
}
#header #news #infoNew #ctNew{
 margin:1%;
 width:98%;
 height:94%;
 font-weight:bold;
 word-wrap: break-word;
 overflow:auto;
}

#content{
 width:99%;
 height:73.5%;
 padding:0.5%;
 float:left;
}
#ctLeft{
 width:74.5%;
 height:99%;
 float:left;
 border:2px solid #D8AC26;
 border-radius:5px;
 /* IE10 */ 
 background-image: -ms-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Opera */ 
 background-image: -o-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(radial, center center, 0, center center, 437, color-stop(0, #660000), color-stop(1, #360000));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-radial-gradient(center, circle cover, #660000 0%, #360000 100%);
}
#ctLeft #navigation{
 float:left;
 width:25%;
 height:100%;
}
#ctLeft #navigation ul{
 width:auto;
}
#ctLeft #navigation ul li{
 margin-top:10%;
 display:block;
 padding:5% 0%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EC9F95), color-stop(0.25, #C93F27), color-stop(0.5, #8A2313), color-stop(0.75, #AF301F), color-stop(1, #F87036));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 border: 1px solid #fee;
 border-left:0px;
 border-radius:0 0 40px;
 text-align:center;
 text-transform:uppercase;
 font-size:75%;
 font-weight:bold;
 color:#ff0;
 cursor:pointer;
}

#ctLeft #infoOption{
 float:right;
 width:75%;
 height:100%;
 over-flow:auto;
}
#ctLeft #infoOption #tblInfoPlayer{
 width:98%;
 height:95%;
 margin:2% 1%;
 padding:3% 1%;
 font-size:75%;
  /* IE10 */ 
 background-image: -ms-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Opera */ 
 background-image: -o-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(radial, center center, 0, center center, 413, color-stop(0, #EBEBEB), color-stop(1, #ADADAD));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-radial-gradient(center, circle farthest-side, #EBEBEB 0%, #ADADAD 100%);
 border:1px solid black;
 border-radius:5px;
 text-align:center;
 
}
#ctLeft #infoOption #tblInfoPlayer th{
 border-bottom:1px solid #789;
 border-right:1px solid #f00;
 color:#f11;
 padding-bottom:0.5%;
 vertical-align:middle;
 font-size:87.5%;
 font-weight:bold;
}
#ctLeft #infoOption #tblInfoPlayer th:last-child{
 border-right:0px;
}
#ctLeft #infoOption #tblInfoPlayer td{
 border-bottom:1px solid #789;
 border-right:1px solid #f00;
 vertical-align:middle;
 overflow:hidden;
 text-overflow:ellipsis;
}
#ctLeft #infoOption #tblInfoPlayer td:last-child{
 border-right:0px;
}

#ctRight{
 width:24%;
 height:100%;
 float:right;
 position:relative;
}
#ctRight #btnLvl{
 width:100%;
 float:left;
}
#ctRight #btnLvl ul li{
 display:block;
 margin-bottom:3%;
 padding:2% 0% 0.5% 4%;
 /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDDD9F), color-stop(1, #C24E13));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EDDD9F 0%, #C24E13 100%);
 cursor:pointer;
 border:2px solid #600;
 border-radius:10px;
 font-weight:bold;
}
#ctRight #btnLvl ul li .line1{
 font-size:90%;
 color:#ff0;
 text-transform:uppercase;
 text-shadow: 1px 1px 2px #000;
}
#ctRight #btnLvl ul li .line2{
 font-size:75%;
 font-style:italic;
}

#ctRight #infoPlayer{
 float:left;
 width:100%;
 text-align:center;
 position:absolute;
 bottom:0%;
}
#ctRight #infoPlayer ul{
 width:98%;
 background:#4B0202;
 border:2px solid #fc3;
 border-radius:5px;
 color:#fff;
 font-weight:bold;
 font-size:88%;
}
#ctRight #infoPlayer li{
 display:block;
 width:100%;
 padding:3% 0%;
 border-bottom:2px solid #fc3;
 word-wrap: break-word;
}
#ctRight #infoPlayer li:last-child{
 border-bottom:0px;
}
#ctRight #infoPlayer #buyAG #btnBuyAG{
  /* IE10 */ 
 background-image: -ms-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Mozilla Firefox */ 
 background-image: -moz-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Opera */ 
 background-image: -o-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EC9F95), color-stop(0.25, #C93F27), color-stop(0.5, #8A2313), color-stop(0.75, #AF301F), color-stop(1, #F87036));
 /* Webkit (Chrome 11+) */ 
 background-image: -webkit-linear-gradient(top, #EC9F95 0%, #C93F27 25%, #8A2313 50%, #AF301F 75%, #F87036 100%);
 padding:2%;
 border: 1px solid #fee;
 border-radius:4px;
 text-align:center;
 color:#ff0;
 font-weight:bold;
}


/****************************************** FRAME 2 **********************************************/
#contentLeft{
 float:left;
 width:82%;
 height:96%;
 border: 2px solid #D8AC26;
 border-radius:6px;
 padding:0.5%;
 margin:1% 0% 0.5% 1%;
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#600), to(#200));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50%, closest-corner, #600, #200);
 /* Firefox 3.6+ */ 
 background: -moz-radial-gradient(50%, closest-corner, #600, #200);
 /* IE 10 */
 background: -ms-radial-gradient(50%, closest-corner, #600, #200);
 position:relative;
}

#contentLeft #selectDep{
 float:left;
 width:100%;
 text-align:center;
 font-weight:bold;
 color:#fff;
 text-shadow:1px 1px #000;
}
#selectDep a{
 float:left;
 width:30%;
 margin:1% 1%;
 padding:1.75% 0.25%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#033), to(#099));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #033, #099);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #033, #099);
 /* IE 10 */
 background: -ms-linear-gradient(right, #033, #099);
 cursor:pointer; 
 border:1px solid #fff;
 border-radius:3px;
 overflow:hidden;
 text-overflow:ellipsis;
}
#selectDep a.actDep{
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#970000), to(#FF4C23));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #970000, #FF4C23);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #970000, #FF4C23);
 /* IE 10 */
 background: -ms-linear-gradient(right, #970000, #FF4C23);
}
#selectDep a:hover{
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, right top, left top, from(#970000), to(#FF4C23));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(right, #970000, #FF4C23);
 /* Firefox 3.6+ */ 
 background: -moz-linear-gradient(right, #970000, #FF4C23);
 /* IE 10 */
 background: -ms-linear-gradient(right, #970000, #FF4C23);
}

#contentLeft .selectGame{
 margin:1% 0%;
 height:80%;
 float:left;
 width:98.5%;
 overflow:auto;
}
.selectGame .tblGame{
 margin:2% 0% 2% 1.25%;
 float:left; 
 height:20%;
 width:23%;
 font-size:100%;
 font-weight:bold;
 color:#fff;
 text-shadow:1px 1px #f00;
 cursor:pointer;
}
.selectGame .tblGame .headerGame{
 width:98%;
 height:20%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, 50% -90%, 0, 50% -180%, 50, from(#dfbdbc), to(#200));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 /* Firefox 3.6+ */ 
 background:-moz-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 /* IE 10 */
 background: -ms-radial-gradient(50% -90%, farthest-corner, #dfbdbc, #200);
 border: 1px solid #ff3;
 border-bottom:0px;
 border-radius:3px 3px 0px 0px;
}
.selectGame .tblGame .infoGame{
 width:98%;
 height:76%;
 background: -webkit-gradient(radial, center center, 0, center center, 350, from(#900), to(#600));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #900, #600);
 /* Firefox 3.6+ */ 
 background: -moz-radial-gradient(circle, #900, #600);
 /* IE 10 */
 background: -ms-radial-gradient(circle, #900, #600);
 border:1px solid #ff3;
 border-radius:0px 0px 3px 3px;
}
.infoGame .tbl{
 text-align:center;
 margin:4% auto;
 height:85%;
 width:70%;
 background:url(../image/3cay.png) no-repeat;
 background-size:100% 100%;
 display:table;
}
.infoGame .tbl .info{
 display:table-cell;
 vertical-align: middle;
}

#contentRight{
 position:relative;
 float:right;
 width:13%;
 height:98%;
 margin:1%;
}

#contentRight .options{
 position:relative;
 width:90%;
 margin:0% 0% 10% 1.5%;
 padding:5% 2.5%;
 text-align:center;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(radial, 50% -20%, 0, 50% -50%, 60, from(#c66), to(#300));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 /* Firefox 3.6+ */ 
 background:-moz-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 /* IE 10 */
 background: -ms-radial-gradient(50% -20%, farthest-corner, #c66, #300);
 border:1px solid #ff3;
 border-radius:5px;
 z-index:10;
 font-weight:bold;
 color:#ff3;
 text-shadow:1px 1px #600;
 cursor:pointer;
}

#contentRight #info{
 position:absolute;
 bottom:0%;
 width:100%;
 height:35%;
 text-align:center;
 border:0px;
 z-index:1;
}
#topInfo{
 float:left;
 width:100%;
 height:10%;
 background-image: url(../image/bordertopInfo.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
}
#botInfo{
 float:left;
 width:100%;
 height:10%;
 background-image: url(../image/borderbotInfo.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 z-index:-10;
}
#tblInfo{
 float:left;
 width:100%;
 height:80%;
 background:#491313;
 font-size:80%;
 line-height:100%;
 font-weight:bold;
 color:#ff3;
 text-shadow:1px 1px #600;
 text-align:center;
}
#tblInfo #imageInfo{
 float:left;
 width:99%;
 height:55%;
 border:1px solid #d2a406;
 border-top:0px;
}
#tblInfo #imageInfo .image{
 margin:6% 9% 4% 8%;
 height:80%;
 background:#000;
}
#tblInfo #nameInfo{
 float:left;
 width:99%;
 height:21%;
 border:1px solid #d2a406;
 border-top:0px;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblInfo #moneyInfo{
 z-index:10;
 float:left;
 width:99%;
 height:21%;
 border:1px solid #d2a406;
 border-top:0px;
 overflow:hidden;
 text-overflow:ellipsis;
}

/****************************************** FRAME 3 **********************************************/
#infoTbl{
 background:#ccc;
 padding:0.5% 2%;
 text-align:center;
 position:absolute;
 right:0%;
 top:0%;
 border-radius:0 0 0 50px;
 color:#000;
}

#tblGame{
 position: relative;
 width:100%;
 height:90%;
 text-align:center;
}

#tblGame #table{
 margin:auto;
 position:relative;
 top:5%;
 width:90%;
 height:90%;
 /* Safari 4-5, Chrome 1-9 */
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#025218), color-stop(0.25, #087824), color-stop(0.5, #0c9b1f), color-stop(0.75, #087824), to(#025218));
 /* Safari 5.1+, Chrome 10+ */
 background: -webkit-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218); 
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 /* IE 10 */
 background: -ms-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #025218, #087824, #0c9b1f, #087824, #025218);
 border: 10px solid #600;
 border-radius: 150px;
 z-index:100;
 text-align:center;
 font-size:100%;
}
#table #btnStart{
 position:relative;
 top:22%;
 margin:auto;
 z-index:1000;
}

/***************** CARD OF GAMER ***************/
#table .card{
 border:1px solid #600;
 border-radius:5px;
 width:7%;
 height:20%;
 cursor:pointer;
 display:none;
}
#table #cardAll{
 position:absolute;
 top:40%;
 left:46%;
 background:url(../image/matsau.png) no-repeat; 
 background-size:100% 100%;
 background-position:center;
}
#table #cardBot{
 position:absolute;
 top:78%;
 left:22.5%;
 width:56%;
 height:20%;
 display:none;
 z-index:5;
}
#table #cardLeft{
 position:absolute;
 top:40%;
 left:80%;
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}
#table #cardTop{
 position:absolute;
 top:5%;
 left:46%;
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}
#table #cardRight{
 position:absolute;
 top:40%;
 left:10.5%; 
 background:url(../image/matsau.png) no-repeat;
 background-size:100% 100%;
 background-position:center;
}

#table #cardBot .cardTake{
 position:absolute;
 width:12.5%;
 height:110%;
 border: 2px dashed #600;
 border-radius:5px;
 background-size:100% 100%;
 background-position:center;
 background-repeat:no-repeat;
 text-align: left;
}
#table #cardBot .card{
 position:absolute;
 width:12.5%;
 height:100%;
 background-size:100% 100%;
 background-position:center;
 background-repeat:no-repeat;
 text-align: left;
}
#table .spanNum{
 font:bold 100% Tahoma, serif;
 border-radius:5px;
 margin:1% 1%;
}


/******************* GAMBLE CARD *********************/
#table .gamble{
 position:absolute;
 width:20%;
 height:20%;
 display:none;
}
#table #gamerBot_gamble{
 top:56%;
 left:55%;
}
#table #gamerLeft_gamble{
 top:19%;
 left:55%;
}
#table #gamerTop_gamble{
 top:19%;
 left:23%;
}
#table #gamerRight_gamble{
 top:56%;
 left:23%;
}
#table .gamble .card_gamble{
 position:absolute;
 width:35%;
 height:100%;
 border:1px solid #600;
 border-radius:5px;
 background-repeat: no-repeat;
 background-size:100% 100%;
 background-position:center;
 text-align: left;
 cursor:pointer;
}

/******************* DOWN CARD *********************/
#table .downCard{
 position: absolute;
 width:26%;
 height:40%;
 z-index:1000;
 display:none;
}
#table #downBot{
 top:62%;
 left:75%;
}
#table #downLeft{
 top:-7%;
 left:75%;
}
#table #downTop{
 top:-7%;
 left:-5%;
}
#table #downRight{
 top:62%;
 left:-5%;
}

#table .downCard .downState{
 width:100%;
 height:50%;
 float:left;
 position:relative;
 top:0%;
}

#table .downCard .card{
 position:absolute;
 width: 26%;
 height: 99%;
 border:1px solid #600;
 border-radius:5px;
 background-repeat: no-repeat;
 background-size:100% 100%;
 background-position:center;
 text-align: left;
 display:block;
}

#table .timer{
 position:absolute;
 width:5%;
 line-height:100%;
 font-size:100%;
 font-weight:bold;
 color:#fff;
 display:none;
}
#table #timerBot{
 top:73%;
 left:47%;
}
#table #timerLeft{
 top:48%;
 left:74%;
}
#table #timerTop{
 top:24%;
 left:47%;
}
#table #timerRight{
 top:46%;
 left:19%;
}

/************* INFO & SEAT GAMER *************/
#tblGame .infoSeat{
 position:absolute;
 width:15%;
 border:1px solid #300;
 border-radius:5px;
 background: rgba(0,0,0,0.3);
 text-align:center;
 font-weight:bold;
 font-size:75%;
 z-index:150;
}
#tblGame .infoSeat ul li{
 border-bottom:1px solid #ccc;
 padding: 2% 0%;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblGame .infoSeat ul li:last-child{
 border-bottom:0px;
}
#tblGame #infoSeatLeft{
 top:42.5%;
 left:84%;
}
#tblGame #infoSeatRight{
 top:42.5%;
 left:0%;
}

#tblGame .tblSeat{
 position:absolute;
 width:50%;
 border:1px solid #300;
 border-radius:5px;
 background: rgba(0,0,0,0.3);
 z-index:150;
 overflow:hidden;
 text-overflow:ellipsis;
}
#tblGame #infoSeatBot{
 top:100%;
 left:25%;
}
#tblGame #infoSeatTop{
 top:1%;
 left:25%;
}
#tblGame .tblSeat .tblInfo{
 width:100%;
 font-weight:bold;
 font-size:80%;
}
.tblSeat .tblInfo td{
 padding:0.75% 0%;
 border-right:1px solid #ccc;
}
.tblSeat .tblInfo td.infoName{
 width:40%;
}
.tblSeat .tblInfo td.infoMoney{
 width:20%;
}
.tblSeat .tblInfo td:last-child{
 width:40%;
 border-right:0px;
}

#tblGame .infoName{
 color: #fffe01;
}
#tblGame  .infoMoney{
 color:#fff;
}
#tblGame .infoIP{
 color: #ccc;
}
#tblGame .infoSameIP{
 color: #aa0d0e;
}


/************ BUTTON PLAY GAME ***************/
#btnUlti{
 position:absolute;
 top:1%;
 left:0.5%;
 width:30%;
}
#tblBtn{
 position:absolute;
 bottom:0.5%;
 width:100%;
 height:5%;
 z-index:500;
}
#tblBtn .cellL{
 text-align:left;
}
#tblBtn .cellR{
 text-align:right;
}
#back{
 font-size:80%;
}
#chat{
 font-size:80%;
}
#sort{
 font-size:80%;
}
#gamble{
 font-size:80%;
}
#attach{
 font-size:80%;
}
#down{
 font-size:80%;
}

/********** POPUP **********/
#bgPopUp{
 position:fixed;
 height:100%;
 width:100%; 
 top:0;
 left:0;
 background:#000;
 opacity:0.5;
 filter:alpha(opacity=50);
 z-index:1000;
}  
.popUp{
 display:none;
 top:33%;
 left:40%;
 position:fixed;
 padding:1%;
 _position:absolute; /*hack for internet explorer 6 */
 /* IE10 */
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border:2px solid #feff33;
 border-radius: 6px;
 z-index:1001;
 text-align:center;
 font-size:85%;
}
.popupClose{
 position:absolute;
 right:1%;
 top:0%;
 font-size:90%;
 font-weight:bold;
 color:#ccc;
 cursor:pointer;
}
.divInputPopUp{
 margin:4% 0%;
 color:#fff;
 font-weight:bold;
}
.divBtnPopUp{
 text-align:center;
 margin: 4% 0% 1%;
}
.btnPU{
 padding: 1% 1.5%;
 color: #feff33;
 font-weight:bold;
 /* IE10 */ 
 background: -ms-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Mozilla Firefox */ 
 background: -moz-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Opera */ 
 background: -o-linear-gradient(bottom, #3d0000 0%, #b55853 100%);
 /* Webkit (Safari/Chrome 10) */ 
 background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3d0000), color-stop(1, #b55853));
 /* Webkit (Chrome 11+) */ 
 background: -webkit-linear-gradient(bottom, #3d0000 0%, #b55853 100%); 
 border: 1px solid #feff33;
 border-radius: 5px;
 cursor: pointer;	
}
.tblSelect{
 color:#de3;
 margin:auto;
}
.lblSelect{
 cursor:pointer;
}
